<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/pagenav1.1.cn.js"></script>
<!-- 分页样式 -->
<style type="text/css" media="screen">
    a {
        color: #2B4A78;
        text-decoration: none;
    }

    a:hover {
        color: #2B4A78;
        text-decoration: underline;
    }

    a:focus, input:focus {
        outline-style: none;
        outline-width: medium;
    }
    .pageNum {
        border: 1px solid #999;
        padding: 2px 8px;
        display: inline-block;
    }

    .cPageNum {
        font-weight: bold;
        padding: 2px 5px;
    }
    #pageNav{
        -moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
    }
    #pageNav a:hover {
        text-decoration: none;
        background: #fff4d8;
    }

</style>
<body>
<!-- 分页主体 -->
<div id="test" style="height: 203px;padding:30px 10px;font-size: 300%;"></div>
<div id="pageNav" style="margin-bottom: 50px;"></div>
</body>
<!-- 分页js部分 -->
<script type="text/javascript">
//来来来,我先给你模拟一组数据,假如这是从后台拿到的
var all_arr=[[1,'杨兆敏'],[2,'牙牙'],[3,'津津'],[4,'萌妹'],[5,'胖胖'],[6,'翠翠'],[7,'不维修']];
window.onload = (function(){
	var a_len = all_arr.length;    
	result = [];    
	for(var i=0;i<a_len;i+=2){       //这个2啊是一页显示多少数据,你可以换成2试试 
		result.push(all_arr.slice(i,i+2));  //这里讲代码拆分  
	}
	pageNav.pre="上一页";
	pageNav.next="下一页";
	pageNav.fn = function(p,pn){
		$("#test").empty();  //清空防止页面数据累加
		var p=p-1;
		var result_one=result[p];
		for(var i=0;i<result_one.length;i++){
			$("#test").append(result_one[i]+'<br>')  //将数据添加到页面
		}
	};
	pageNav.go(0,result.length);

});
</script>
</html>